
<!DOCTYPE html>
<html xmlns:wb="http://open.weibo.com/wb">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0,user-scalable=no">
    <title>坤音娱乐</title>
    <meta name="keywords" content="坤音,娱乐,坤音娱乐,经纪,娱乐经纪">
    <meta name="description" content="坤音娱乐是一家以国际化理念运营的公司,结合日韩的传统造星模式及新的孵化期曝光养成模式,配备优质专业制作团队的同时,注重以“情绪资本”为核心的粉丝运营理念的开发,坤音娱乐是偶像集合品牌的新概念代表服务">
    <link rel="stylesheet" type="text/css" href="bower_components/animate.css/animate.min.css">
    <link rel="stylesheet" type="text/css" href="bower_components/bootstrap/dist/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="bower_components/bootstrap-fileinput/css/fileinput.min.css">
    <link rel="stylesheet" type="text/css" href="bower_components/video.js/dist/video-js.min.css">
    <link rel="stylesheet" type="text/css" href="css/css.css?v=12">
    <link rel="shortcut icon" href="images/favicon.ico" />
</head>
<body>
<div class="mobileHeader" onclick="mobMenu()">
    <i class="iconfont icon-caidan"></i>
</div>
<div id="loader">
    <div class="loadingBox">
        <div id="circle">
            <canvas id="canvas_1" width="345" height="345"></canvas>
            <canvas id="canvas_2" width="345" height="345"></canvas>
            <img src="images/logo.png" alt="">
            <h2>Welcome to Qin's</h2>
        </div>

    </div>
    <div class="loadingVideo">
        <video id="myVideo" preload onended="playEnd()">
            <source src="video/loading3.mp4" type="video/mp4">
        </video>
    </div>
    <a class="skipVideo">
        <img src="images/skip.png">
    </a>
</div>
<div id="background">
    <ul class="img-fit">
        <li name="section-about" style="background-image: url(images/index-mh.jpg);">
            <!-- <img src="images/index-mh.jpg" alt=""> -->
        </li>
        <li name="section-artist" style="background-image: url(images/artist-mh.jpg);">
            <!-- <img src="images/artist-mh.jpg" alt=""> -->
        </li>
    </ul>
    <div>
        <img src="images/longue_texture.gif" alt="" width="100%">
    </div>
</div>
<div class="content">
    <div class="logo" onclick="pageStart('about')">
        <img src="images/logo2.png">
    </div>
    <div class="playered animated">
        <video preload poster="images/videoImg.jpg" id="aboutVideo" onclick="playVideo()">
            <source src="video/loading3.mp4" type="video/mp4">
        </video>
    </div>
    <div class="newIndex">
        <nav class="menus">
            <ul>
                <li class="active"><a href="javascript:void(0)" name="about">ABOUT US</a></li>
                <li><a href="javascript:goEvents()" name="events">EVENTS</a></li>
                <li><a href="javascript:void(0)" name="artist">ARTIST/ACTORS</a></li>
                <li><a href="javascript:goAudition()" name="audition">AUDITION</a></li>
                <li><a href="/SponsorUs/#/rankList">FANSCLUB</a></li>
                <li><a href="/SponsorUs">SPONSOR US</a></li>
            </ul>
        </nav>
        <div class="rightBox">
            <div class="loginBox clearflex" id="loginBox">
                <h5 class="titleBox">会员登录</h5>
                <label for="username">
                    <i class="iconfont icon-yonghu"></i>
                    <input style="display:none">
                    <input type="text"  placeholder="账号/手机/邮箱" autocomplete="off" class="username">
                </label>
                <label for="password">
                    <i class="iconfont icon-mima"></i>
                    <input style="display:none">
                    <input type="password" placeholder="请输入密码" autocomplete="off" class="userpassword">
                </label>
                <p></p>
                <button class="button" onclick="goLogin()">登录</button>
                <div class="clearflex">
                    <a href="http://www.qinsent.com/SponsorUs/#/login/2">注册</a>
                    <a href="http://www.qinsent.com/SponsorUs/#/login/3">忘记密码？</a>
                </div>
                <div class="clearflex thirdlogin">
                    <a href="https://api.weibo.com/oauth2/authorize?client_id=1402596432&response_type=code&redirect_uri=http://www.qinsent.com/SponsorUs"><i class="iconfont icon-weibo"></i></a>
                    <a href="https://graph.qq.com/oauth2.0/authorize?response_type=code&client_id=101396898&redirect_uri=http%3a%2f%2fwww.qinsent.com%2fSponsorUs&state=1&scope=get_user_info,get_info"><i class="iconfont icon-qq"></i></a>
                    <a href="https://open.weixin.qq.com/connect/qrconnect?appid=wxb23c3a7b2c57dc83&redirect_uri=http://www.qinsent.com/SponsorUs&response_type=code&scope=snsapi_login&state=STATE#wechat_redirect"><i class="iconfont icon-weixin"></i></a>
                </div>

            </div>
            <div class="loginBox clearflex userInfo">
                <img src="images/head_img.jpg">
                <span>Qin's 小秘书</span>
                <a>积分:<span>2345</span></a>
                <div>
                    <a href="http://www.qinsent.com/SponsorUs/#/personal/myInformation">个人中心</a>
                    <a href="javascript:LoginOut()">退出登录</a>
                </div>
            </div>
        </div>

    </div>
    <div class="aboutTep">
        <div class="aboutBox clearflex">
            <h5 class="titleBox">关注我们:</h5>
            <div class="qrcode">
                <img src="images/qrcodewb.png" alt="">
                微博二维码
            </div>
            <span name="email">邮箱：<i>qinsentertainment@yeah.net</i></span>
            <span name="weibo">微博：<i>坤音娱乐</i></span>
            <span name="icp">京ICP备17002238号-1</span>
        </div>

    </div>
    <div id="load-mask-section">
        <ul>
            <li class="section-about">
                <i class=" transition">
                    <canvas id="canvasMonus1" width="111" height="150"></canvas>
                </i>
                <div class="mask-container">
                    <div class="text-mask">
                        <h2><img src="images/slogan.png"></h2>
                    </div>
                </div>
                <div class="img-slide" style="background-image: url(images/index-gq.jpg); background-size: cover;">
                    <!-- <img src="images/meili_02.jpg" width="100%"> -->
                </div>
            </li>
            <li class="section-artist">
                <i class=" transition">
                    <canvas id="canvasMonus2" width="111" height="150"></canvas>
                </i>
                <div class="mask-container">
                    <div class="text-mask">
                        <h2><img src="images/slogan.png"></h2>
                    </div>
                </div>
                <div class="img-slide" style="background-image: url(images/artist-gq.jpg); background-size: cover;">
                    <!-- <img src="images/meili_02.jpg" width="100%"> -->
                </div>
            </li>
            <li class="section-events">

            </li>
            <li class="section-audition">

            </li>
        </ul>
    </div>
    <div id="box">
        <div class="overlay">
            <i class="iconfont icon-guanbi1"></i>
        </div>
        <div class="box-content">
            <div class="slider">
                <a href="javascript:void(0)" class="unslider-arrow prev"><i class="iconfont icon-zuo"></i></a>
                <a href="javascript:void(0)" class="unslider-arrow next"><i class="iconfont icon-you"></i></a>
                <ul class="clearflex">
                    <li><img src="images/yiren_02.jpg" alt="" width="100%"></li>
                </ul>
            </div>
            <div class="box-text">
                <h3>
                    <span>Member</span>
                    <small>联合创始人 & 首席创意总监</small>
                </h3>
                <p>NIKE ADIDAS 拍摄 演出 婚纱样片拍摄 太平鸟 LOCASTE 等等演出</p>
            </div>
        </div>
    </div>
    <div id="events">
        <!-- <div class="overlay">
        </div> -->
        <div class="events-content">
            <ul></ul>
        </div>
        <!-- <div class="closed">
          <i class="iconfont icon-guanbi1" onclick="closeEvents()"></i>
        </div> -->
    </div>
    <div id="audition">
        <div class="overlay">
        </div>
        <div class="audition-content">
            <form id="audition-form">
                <i class="iconfont icon-guanbi1" onclick="closeAudition()"></i>
                <h3>全球面试<small>QIN's Audition</small></h3>
                <p>欢迎填写表格或发送邮件至：<a href="mailto:qinsentertainment@yeah.net">qinsentertainment@yeah.net</a>  ,您也可以直接拨打咨询热线：<a href="#">010-65777997</a>.</p>
                <div class="row">
                    <div class="col-md-6 required form-group">
                        <input type="text" class="form-control" name="audition-name" placeholder="您的姓名" required="">
                    </div>
                    <div class="col-md-6 required form-group">
                        <select id="" name="audition-sex" class="form-control">
                            <option value="1">男</option>
                            <option value="2">女</option>
                        </select>
                    </div>
                    <div class="col-md-6 required form-group">
                        <input type="number"  class="form-control" name="audition-age" placeholder="年龄" required="">
                    </div>
                    <div class="col-md-6 required form-group">
                        <input type="date"  class="form-control" name="audition-birthday" placeholder="出生年月日" required="">
                    </div>
                    <div class="col-md-6 required form-group">
                        <input type="number"  class="form-control" name="audition-height" placeholder="身高" required="">
                    </div>
                    <div class="col-md-6 required form-group">
                        <input type="number"  class="form-control" name="audition-weight" placeholder="体重" required="">
                    </div>
                    <div class="col-md-6 required form-group">
                        <input type="text"  class="form-control" name="audition-address" placeholder="居住地" required="">
                    </div>
                    <div class="col-md-6 required form-group">
                        <input type="text"  class="form-control" name="audition-education" placeholder="学历" required="">
                    </div>
                    <div class="col-md-6 required form-group">
                        <input type="tel"  class="form-control" name="audition-phone" placeholder="手机号" required="" maxlength="11">
                    </div>
                    <div class="col-md-6 required form-group">
                        <input type="email"  class="form-control" name="audition-email" placeholder="邮箱" required="">
                    </div>
                    <div class="col-md-12 form-group">
                        <span>*添加你的照片(至少必须上传三张)</span>
                        <input id="input-file-img" name="files" type="file" multiple>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12 form-group">
                        <span class="line-title">报名信息获取渠道</span>
                        <div>
                            <input type="radio" name="audition-from" id="wx" value="微信公众号">
                            <label for="wx" class="form-radio">微信公众号</label>
                            <input type="radio" name="audition-from" id="wb" value="微博推广">
                            <label for="wb" class="form-radio">微博推广</label>
                            <input type="radio" name="audition-from" id="jieshao" value="朋友介绍">
                            <label for="jieshao" class="form-radio">朋友介绍</label>
                            <input type="radio" name="audition-from" id="meiti" value="媒体报道">
                            <label for="meiti" class="form-radio">媒体报道</label>
                            <input type="radio" name="audition-from" id="xianxia" value="线下广告">
                            <label for="xianxia" class="form-radio">线下广告</label>
                        </div>

                    </div>
                    <div class="col-md-12 form-group">
                        <span>音频&视频上传</span>
                        <input id="input-file-video" name="files" type="file">
                    </div>
                    <div class="col-md-6 form-group">
                        <span>特长&爱好</span>
                        <textarea class="form-control" rows="5" name="hobby"></textarea>
                    </div>
                    <div class="col-md-6 form-group">
                        <span>理想</span>
                        <textarea class="form-control" rows="5" name="ideal"></textarea>
                    </div>
                    <div class="col-md-6 form-group">
                        <span>活动经历</span>
                        <textarea class="form-control" rows="5" name="activity"></textarea>
                    </div>
                    <div class="col-md-6 form-group">
                        <span>自我介绍</span>
                        <textarea class="form-control" rows="5" name="oneself"></textarea>
                    </div>
                    <button type="submit" class="submitBtn">完成并发送</button>
                </div>
            </form>
        </div>
    </div>
    <section class="flickerOut">
        <div id="section-about" class="page-change">
            <ul class="Menus">
                <li><a>01. <span>服务</span></a></li>
                <li><a>02. <span>理念</span></a></li>
                <li><a>03. <span>联系我们</span></a></li>
            </ul>
            <div class="contentBox" id="about01">
                <h3>坤音娱乐经纪有限公司</h3>
                <small>QIN's Entertainment是一家以国际化理念运营的公司<br>
                    结合日韩的传统造星模式及新的孵化期曝光养成模式<br>
                    配备优质专业制作团队的同时<br>
                    注重以“情绪资本”为核心的粉丝运营理念的开发<br>
                    坤音娱乐是偶像集合品牌的新概念代表</small>
            </div>

            <div class="contentBox" id="about02">
                <h3 class="titles">服务/SERVICE</h3>
                <ul class="server clearflex">
                    <li><img src="images/about-01.png" alt="">明星孵化器</li>
                    <li><img src="images/about-02.png" alt="">音乐 制片发行</li>
                    <li><img src="images/about-03.png" alt="">艺人企划 推广宣传</li>
                    <li><img src="images/about-04.png" alt="">艺人经纪 公关</li>
                    <li><img src="images/about-05.png" alt="">艺人培训</li>
                    <li><img src="images/about-06.png" alt="">影视制作 剧本创作</li>
                    <li><img src="images/about-07.png" alt="">粉丝平台</li>
                    <li><img src="images/about-08.png" alt="">大型商演活动筹办</li>
                </ul>
            </div>

            <div class="contentBox" id="about03">
                <h3 class="titles">理念/IDEA</h3>
                <span>
            打造明星与粉丝的近距离接触平台， 做中国不一样的新娱乐。
          </span>
                <p>
                    坤音娱乐致力于发展具备一定条件的素人明星，结合中国市场，以国外先进的练习生模式，打造一个快速的全能型艺人孵化产业链条。高效、密集的强度化、针对性训练，多元、年轻化的培训理念，专业的表演、音乐、舞蹈师资配备，前中后端完整的培训体系。
                </p>
                <img src="images/about.jpg" width="100%">
            </div>
            <div class="contentBox" id="about04">
                <h3 class="titles">联系我们／CONTACT US</h3>
                <div class="contentUs clearflex">
                    <div class="qrcode" style="padding-bottom: 18px;">
                        <img name="wxCode" src="images/qrcode.jpg" alt="">
                        微信二维码
                    </div>
                    <div class="qrcode">
                        <img name="wbCode" src="images/qrcodewb.png" alt="">
                        <wb:follow-button uid="6062604272" type="red_1" width="67" height="24" ></wb:follow-button>
                    </div>
                    <span name="email" class="iconfont icon-youxiang">Email:<i>qinsentertainment@yeah.net</i></span>
                    <span name="tel" class="iconfont icon-tel">Tel:<i>86 010 65777997</i></span>
                    <span name="add" class="iconfont icon-zuobiaofill">Add:<i>正在搬迁升级中...</i></span>
                    <span name="icp" class="iconfont icon-beianzhongxin">ICP:<i>京ICP备17002238号-1</i></span>
                </div>
            </div>
        </div>
        <div id="section-artist" class="page-change">
            <div class="contentBox">
                <video preload poster="images/videoImg2.jpg" id="artistVideo" onclick="playVideo('artist')"  loop="loop">
                    <source src="video/artistNew.mp4" type="video/mp4">
                </video>
            </div>

            <div class="contentBox">
                <ul class="artistes clearflex">
                    <!-- <li><img src="images/yiren_05.jpg" alt=""><span>Member</span></li>
                    <li><img src="images/yiren_07.jpg" alt=""><span>Member</span></li>
                    <li><img src="images/yiren_03.jpg" alt=""><span>Member</span></li>
                    <li><img src="images/yiren_02.jpg" alt=""><span>Member</span></li> -->
                </ul>
            </div>
        </div>
    </section>
</div>
<!-- Modal -->
<div class="modal fade bs-example-modal-sm" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">提示</h4>
            </div>
            <div class="modal-body">
                提交成功
            </div>
            <!-- <div class="modal-footer">
              <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
              <button type="button" class="btn btn-primary">Save changes</button>
            </div> -->
        </div>
    </div>
</div>
<script src="bower_components/jquery/dist/jquery.min.js"></script>

<script>
    if(!sessionStorage.loglevel){
        $('#loader').show();
    }
</script>
<script src="bower_components/video.js/dist/video.min.js"></script>
<script src="bower_components/jquery.cookie/jquery.cookie.js"></script>
<script src="bower_components/jquery-mousewheel/jquery.mousewheel.min.js"></script>
<script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="bower_components/bootstrap-fileinput/js/fileinput.min.js"></script>
<script src="js/unslider.js"></script>
<script src="js/main.js?v=12"></script>
<script src="js/createjs-2015.11.26.min.js"></script>
<script src="js/monse.js"></script>
<script src="http://tjs.sjs.sinajs.cn/open/api/js/wb.js" type="text/javascript" charset="utf-8"></script>
<script>
    var canvas1, stage1, exportRoot1,canvas2, stage2, exportRoot2;
    // --- write your JS code here ---

    canvas1 = document.getElementById("canvasMonus1");
    exportRoot1 = new lib.鼠标动画();

    stage1 = new createjs.Stage(canvas1);
    stage1.addChild(exportRoot1);
    stage1.update();

    createjs.Ticker.setFPS(lib.properties.fps);
    createjs.Ticker.addEventListener("tick", stage1);

    canvas2 = document.getElementById("canvasMonus2");
    exportRoot2 = new lib.鼠标动画();

    stage2 = new createjs.Stage(canvas2);
    stage2.addChild(exportRoot2);
    stage2.update();

    createjs.Ticker.setFPS(lib.properties.fps);
    createjs.Ticker.addEventListener("tick", stage2);
</script>
<script>
    var _hmt = _hmt || [];
    (function() {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?3e935984c0db5c8d48891bab94e11237";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>

</body>
</html>